<template>
	<view>
		<view v-for="item in 10" :key="item" class="white-box margin32" @click="goPage('/views/mine/detail')">
			<view class="flex between user">
				<view>家电维修</view>
				<i class="iconfont icon-del font32"></i>
			</view>
			<view class="flex between font28 item">
				<view>张三</view>
				<view class="year">36岁</view>
			</view>
			<view class="font28 item">手机号:12345613256</view>
			<view class="flex between font28 item" style="align-items: flex-end;margin-top: 18rpx;">
				<view>住址:西安市未央区凤城十二路</view>
				<view class="flex center btn">已报名</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.margin32 {
		margin: 0 32rpx;
	}

	.white-box {
		background: $uni-bg-color;
		box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius: 20rpx;
		padding: 28rpx;
		box-sizing: border-box;
		margin-bottom: 28rpx;

		.user {
			font-weight: 500;
			font-size: 30rpx;
			color: #333333;
			padding-bottom: 28rpx;
			box-sizing: border-box;
			border-bottom: 1rpx solid #DDDDDD;
		}

		.item {
			margin-top: 28rpx;
		}

		.year {
			color: #DF9824;
		}

		.btn {
			background: linear-gradient(270deg, #25A4EF 0%, #0785CF 100%);
			border-radius: 60rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #FFFFFF;
			width: 168rpx;
			height: 56rpx;
		}
	}
</style>